@charset "utf-8";
//屏幕适配
@media screen and (max-width:321px){
    .m-navlist{font-size:15px}
}
@media screen and (min-width:321px) and (max-width:400px){
    .m-navlist{font-size:16px}
}
@media screen and (min-width:400px){
    .m-navlist{font-size:18px}
}
html,body {
    /*禁止用户选择元素*/
-moz-user-select:none;
 -webkit-user-select: none;
-ms-user-select: none;
 -khtml-user-select:none; /*禁止元素点击出现半透明黑色背景*/
 -webkit-tap-highlight-color:rgba(0, 0, 0, 0); 
}
body {
    width: 640 / 100 * 1rem;
}

html, body, div, span, 
h1, h2, h3, h4, h5, h6, p,
em, img,button,input,select,textarea,
small, strong, sub, sup, 
b, i, a,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas,
footer, header, hgroup,nav, section, summary,
audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    box-sizing: border-box;
}
li {
    list-style:none;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
* {
    font-family: "微软雅黑";
}
a {
    text-decoration: none;
    display: block;
    &:active {
        background-color: rgb(204,204,204);
        opacity: 0.7;
    }
}
em,i {
    font-style: normal;
}
//input[type="text"]:focus,
//input[type="password"]:focus,
//select:focus,
//input[type="email"]:focus,
//input[type="number"]:focus,
//input[type="radio"]:focus,
//input[type="checkbox"]:focus {
//  box-shadow: 0 0 0 1px dodgerblue;
//}
input, select,img{
    vertical-align:middle;
}
input[type="text"],input[type="email"],input[type="password"],textarea,button {
    padding-left: 0.1rem;
    padding-right: 0.1rem;
}

.fl {
    float:left;
}
.fr {
    float:right;
}
.clearfix{
    &::before {
        content: "";
        display: table;
    }
    &::after {
        content: "";
        display: table;
        clear: both;
    }
}

@mixin fl() {
    float:left;
}
@mixin fr {
    float:right;
}
@mixin clearfix(){
    &::before {
        content: "";
        display: table;
    }
    &::after {
        content: "";
        display: table;
        clear: both;
    }
}
@mixin m(){
    position: absolute;
    top: -2rem;
    left: -2rem;
    bottom: -2rem;
    right: -2rem;
    margin: auto;
}
%fs0 {
    font-size: 0;
}
@mixin w() {
//  padding: 0 0.3rem;
    margin: 0 auto;
    width: 5.83rem;
}
%w {
    padding: 0 0.3rem;
}
.w{
    margin: 0 auto;
    width: 5.83rem;
}

